<template>
  <div>
    <MyHeader :nature="nature"></MyHeader>
    <MyGoods v-for="item in list" :key="item.id" :arr="item"></MyGoods>
    <MyFooter :list="list"></MyFooter>
  </div>
</template>

<script>
import MyHeader from "@/components/MyHeader"
import MyGoods from "@/components/MyGoods"
import MyFooter from "@/components/MyFooter"
import {getMessage} from "./API//cart.js"
export default {
  data(){
    return{
      nature:{
        bgc:"skyblue",
        color:"black",
        title:"标题"
      },
      list:[]
    }
  },
  components:{
    MyHeader,
    MyGoods,
    MyFooter
  },
  created(){
    getMessage().then(res=>{this.list=res.data.list})
    
  }
}
</script>

<style>

</style>